/* 
1 输入框绑定 值改变事件 input事件
    1 获取到输入框的值
    2 合法性判断
    3 检验通过 把输入框的值 发送到后台
    4 返回的数据打印到页面上

2 防抖 定时器 节流
    0 防抖 一般用于输入框中 防止重复输入 重复发送请求
    1 节流 一般用于页面下拉和上拉
    1 定义全局的定时器id

*/
import {request} from "../../request/request.js"
Page({

    /**
     * 页面的初始数据
     */
    data: {
        goods:[]
    },
    TimeID:-1,
/* 确定时会触发的事件 */
    handleInput(e){
        const {value} = e.detail
        if(!value.trim){
            return /* 值不合法 */
        }
        clearTimeout(this.TimeID)
        this.TimeID=setTimeout(()=>{
            this.qsearch(value)
        },1000)
    },
    /* 发送请求 获取搜索建议 */
    async qsearch(query){
        console.log(query);
        const res = await request({url:"/goods/qsearch" , data:{query}})
        console.log(res);
        this.setData({
            goods:res.data.message
        })
    }
})